<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>artwork_visus.com</title>
<link type="text/css" href="style/style_cn.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/jquery.lavalamp.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<!--[if IE 6]>
<script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
 $(function(){
  DD_belatedPNG.fix("*");

 })
</script>
<![endif]-->
</head>

<body>
<div id="wrap">
    <div id="header">
        <div id="logo"><a href="#"></a>
        </div>
        <div class="topNav">
            <div class="notLogin">
                <a href="#" id="reg"></a>
                <a href="#" id="sign"></a>
            </div>
            <div class="logined">
                <a href="#" id="logout">Sign Out</a>
            </div>
            <a href="#" id="cart">购物车</a>
            <div class="userInfo fr">Freysawefwfdasdadsf</div>
            <div class="money fr">                 
                <a href="#" id="changeMoney" class="yang"></a>
            </div>
            <div class="language fr">
                <a href="#" id="changeLanguage"  class="en"></a>
            </div>
        </div>
        
        <a id="aeLink">Artist Enrollment</a>
        
<!-- 导航条 -->
        <div id="nav">
			<ul>
                <li class="m1"><a href="#" class="a1">HOME</a></li>
                <li class="m2 current"><a href="#" class="a2">ARTWORK</a></li>
                <li class="m3"><a href="#" class="a3">ARTIST</a></li>
                <li class="m4"><a href="#" class="a4">BLOG</a></li>
                <li class="m5"><a href="#" class="a5">ARTIST ENROLLMENT</a></li>
            </ul>
        </div>
<!-- END导航条 -->        
    </div>
    <div class="content clearfix">
    	<div class="conLeft">
            <div class="filter byCate">
                <h2>By Category</h2>
                <ul>
                	<li class="all"><a >ALL</a></li>
                    <li><a class="selected">asff</a></li>
                    <li><a>asff</a></li>
                    <li><a class="selected">asff</a></li>
                    <li><a class="selected">asff</a></li>
                    <li><a>asff</a></li>
                    <li><a>asff</a></li>
                </ul>
            </div>
            <div class="filter byArtist">
                <h2>By Artist</h2>
                <ul>
                	<li class="all"><a >ALL</a></li>
                    <li><a>asff</a></li>
                    <li><a>asff</a></li>
                    <li><a>asff</a></li>
                    <li><a class="selected">asff</a></li>
                    <li><a class="selected">asff</a></li>
                    <li><a>asff</a></li>
                    <li><a>asff</a></li>
                    <li><a>asff</a></li>
                    <li><a>asff</a></li>
                    <li><a>asff</a></li>
                    <li><a>asff</a></li>
                    <li><a>asff</a></li>
                </ul>
            </div>
            <div class="filter byPrice">
                <h2>By Price</h2>
                <ul>
                	<li class="all"><a >ALL</a></li>
                    <li><a>asff</a></li>
                    <li><a>asff</a></li>
                    <li><a>asff</a></li>
                    <li><a class="selected">asff</a></li>
                    <li><a class="selected">asff</a></li>
                    <li><a>asff</a></li>
                </ul>
            </div>
            <div class="filter byYear">
                <h2>By Price</h2>
                <ul>
                	<li class="all"><a >ALL</a></li>
                    <li><a>asff</a></li>
                    <li><a>asff</a></li>
                    <li><a>asff</a></li>
                    <li><a class="selected">asff</a></li>
                    <li><a class="selected">asff</a></li>
                    <li><a>asff</a></li>
                </ul>
            </div>
        </div>
        <div class="conRight">
            <div class="sort">
                <span>Sort By</span><a class="now">Latest</a><a class="topV">Top Veiw</a><a>价格有低至高</a>
            </div>
            <div class="listBox">
                <ul class="hoverList">
                                <li>
                <a class="hovPic" href="#"><img src="images/list.jpg" /><span class="icon"><p class="st">ASasdfasdfDASDFASFASD</p><p>ASDF</p></span></a>
                <a class="hover"><span>550<div class="ico"></div></span></a>
            </li>
                                <li>
                <a class="hovPic" href="#"><img src="images/list.jpg" /><span class="icon"><p class="st">ASasdfasdfDASDFASFASD</p><p>ASDF</p></span></a>
                <a class="hover"><span>550<div class="ico"></div></span></a>
            </li>
                                <li>
                <a class="hovPic" href="#"><img src="images/list.jpg" /><span class="icon"><p class="st">ASasdfasdfDASDFASFASD</p><p>ASDF</p></span></a>
                <a class="hover"><span>550<div class="ico"></div></span></a>
            </li>
                                <li>
                <a class="hovPic" href="#"><img src="images/list.jpg" /><span class="icon"><p class="st">ASasdfasdfDASDFASFASD</p><p>ASDF</p></span></a>
                <a class="hover"><span>550<div class="ico"></div></span></a>
            </li>
                                <li>
                <a class="hovPic" href="#"><img src="images/list.jpg" /><span class="icon"><p class="st">ASasdfasdfDASDFASFASD</p><p>ASDF</p></span></a>
                <a class="hover"><span>550<div class="ico"></div></span></a>
            </li>   
                                <li>
                <a class="hovPic" href="#"><img src="images/list.jpg" /><span class="icon"><p class="st">ASasdfasdfDASDFASFASD</p><p>ASDF</p></span></a>
                <a class="hover"><span>550<div class="ico"></div></span></a>
            </li>
                                <li>
                <a class="hovPic" href="#"><img src="images/list.jpg" /><span class="icon"><p class="st">ASasdfasdfDASDFASFASD</p><p>ASDF</p></span></a>
                <a class="hover"><span>550<div class="ico"></div></span></a>
            </li>
                                <li>
                <a class="hovPic" href="#"><img src="images/list.jpg" /><span class="icon"><p class="st">ASasdfasdfDASDFASFASD</p><p>ASDF</p></span></a>
                <a class="hover"><span>550<div class="ico"></div></span></a>
            </li>
                                <li>
                <a class="hovPic" href="#"><img src="images/list.jpg" /><span class="icon"><p class="st">ASasdfasdfDASDFASFASD</p><p>ASDF</p></span></a>
                <a class="hover"><span>550<div class="ico"></div></span></a>
            </li>
                                <li>
                <a class="hovPic" href="#"><img src="images/list.jpg" /><span class="icon"><p class="st">ASasdfasdfDASDFASFASD</p><p>ASDF</p></span></a>
                <a class="hover"><span>550<div class="ico"></div></span></a>
            </li>
                                <li>
                <a class="hovPic" href="#"><img src="images/list.jpg" /><span class="icon"><p class="st">ASasdfasdfDASDFASFASD</p><p>ASDF</p></span></a>
                <a class="hover"><span>550<div class="ico"></div></span></a>
            </li>
                                <li>
                <a class="hovPic" href="#"><img src="images/list.jpg" /><span class="icon"><p class="st">ASasdfasdfDASDFASFASD</p><p>ASDF</p></span></a>
                <a class="hover"><span>550<div class="ico"></div></span></a>
            </li>
                                <li>
                <a class="hovPic" href="#"><img src="images/list.jpg" /><span class="icon"><p class="st">ASasdfasdfDASDFASFASD</p><p>ASDF</p></span></a>
                <a class="hover"><span>550<div class="ico"></div></span></a>
            </li>
                                <li>
                <a class="hovPic" href="#"><img src="images/list.jpg" /><span class="icon"><p class="st">ASasdfasdfDASDFASFASD</p><p>ASDF</p></span></a>
                <a class="hover"><span>550<div class="ico"></div></span></a>
            </li>
                                <li>
                <a class="hovPic" href="#"><img src="images/list.jpg" /><span class="icon"><p class="st">ASasdfasdfDASDFASFASD</p><p>ASDF</p></span></a>
                <a class="hover"><span>550<div class="ico"></div></span></a>
            </li>
                                <li>
                <a class="hovPic" href="#"><img src="images/list.jpg" /><span class="icon"><p class="st">ASasdfasdfDASDFASFASD</p><p>ASDF</p></span></a>
                <a class="hover"><span>550<div class="ico"></div></span></a>
            </li>

                </ul>
            </div>
        </div>
    </div>
    

    
    <div id="foot">
    	<a href="#" id="faq"></a>
        <a href="#" id="help"></a>
    </div>
    
</div>

<div id="foot2"></div>


</body>
</html>
